<!doctype html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>列表和表格</title>
    </head>
    <body>
        <!-- 
            列表类似于购物清单
                HTML中一共有三种列表
                1.无序列表
                    - 使用ul标签来创建一个无序列表
                    - 使用li向无序列表中添加列表项
                    - 无序列表默认使用 圆点 来作为项目符号   
                2.有序列表
                    - 有序列表和无序列表类似，不同的是它使用ol来创建其他的都和无序列表一样
                    - 有序列表使用有序的序号 作为项目符号    
                3.定义列表  
                    - 定义列表用来对一些内容做解释说明的
                    - 使用 dl 来创建一个定义列表
                    - 在dl中使用dt，来创建一个定义项
                    - 使用dd来创建一个对定义项的描述
                
                
                - 列表之间可以互相嵌套，可以在有序列表中放无序列表，也可以在无序列表放有序列表
        -->
        <ul>
            <li>西红柿</li>
            <li>大茄子</li>
            <li>小辣椒</li>
        </ul>
        
        <ol>
            <li>桃花源记</li>
            <li>岳阳楼记</li>
            <li>小石潭记</li>
            <li>醉翁亭记</li>
        </ol>
        
        <p>菜谱</p>
        <ul>
            <li>
                鱼香肉丝
                <ol>
                    <li>鱼</li>
                    <li>香</li>
                    <li>肉丝</li>
                </ol>
            </li>
            <li>宫保鸡丁</li>
            <li>青椒肉丝</li>
        </ul>
        
        <dl>
            <dt>武松</dt>
            <dd>景阳冈上的大虎英雄，战斗力99</dd>
            <dd>后来打死西门大官人，后逃逸，出家为僧</dd>
            <dt>武大</dt>
            <dd>著名餐饮企业家，战斗力0</dd>
        </dl>
		
		<table>
    <caption>考试成绩表</caption>
    
    <thead>
    <tr>
        <th>姓名</th>
        
        <th>语文</th>
        
        <th>英语</th>
        
        <th>数学</th>
        
    <tr>
    </thead>
    
    <tbody>
    <tr>
        <td>小明</td>
        
        <td>80</td>
        
        <td>80</td>
        
        <td>80</td>
        
    </tr>
    <tr>
        <td>小红</td>
        
        <td>90</td>
        
        <td>90</td>
        
        <td>90</td>
        
    </tr>
    
    <tr>
        <td>小杰</td>
        
        <td>100</td>
        
        <td>100</td>
        
        <td>100</td>
        
    </tr>
    
    </tbody>
    
    <tfoot>
    <tr>
        <td>平均</td>
        
        <td>90</td>
        
        <td>90</td>
        
        <td>90</td>
        
    </tr>
    
    </tfoot>
    
</table>

        
    
    </body>
</html>